<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <title>海贼王</title>
    <link href="css/style.css" rel="stylesheet"/>
</head>
<body>
<div id="wrapper">
    <div id="header">
    	<a href="#"><img src="images/logo.png" class="logo"/></a>
	</div>   
    <div id="menu">
        <ul>
            <li><a href="index.html">海贼王</a></li>
            <li><a href="jieshao.html">故事介绍</a></li>
            <li><a href="renwu.html">主要人物</a></li>
            <li><a href="meitu.html">海贼美图</a></li>
            <li><a href="zhuce.html">注册用户</a></li>
            <li><a href="liuyan.html">随笔留言</a></li>
        </ul>    	
    </div>   
    <div id="main">
        <div class="liuyan">
            <h2>随笔留言</h2>
			<div class="input-box">
            	<p>您的称呼：</p>
                <input type="text">
            </div>
			<div class="input-box">
            	<p>您的邮箱：</p>
                <input type="text">
            </div>  
			<div class="input-box">
            	<p>您的手机号：</p>
                <input type="text">
            </div>
			<div class="input-box">
            	<p>留言内容：</p>
                <textarea></textarea>
            </div>            
            <input type="button" class="btn">                                               
        </div>
    </div>
    <div id="footer">
        <p>版权所有@海贼王</p>    	
    </div>    
</div>
</body>
</html>